<template>
    <div class="qrcodeUrl">
        <public-header></public-header>
        <div class='qrcodeUrlConent'>
            <qrcode ref='qrcodeRef'></qrcode>
            <p>识别该二维码将直接跳转至对应页面</p>
        </div>
        
    </div>
</template>

<script>
import  publicHeader  from '@/components/publicHeader';
import qrcode from "@/components/qrcode";
export default {
    name: 'qrcodeUrl',
    data () {
        return {
        }
    },
    components: {
        publicHeader,
        qrcode
    },
    mounted(){
        this.$nextTick(() => {
            this.$refs.qrcodeRef.qrcode('https://www.baidu.com')
        })
    },
    methods:{

    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
